<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>XXX旅游-搜索</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/font/css/common.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/font/css/search.css">
    <script src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
    </head>
    <body>
    <!--引入头部-->
    <jsp:include page="/font/header.jsp"/>
    <div class="page_one">
    <div class="contant">
    <div class="crumbs">
    <img src="${pageContext.request.contextPath}/font/images/search.png" alt="">
    <p>XX旅行><span>搜索结果</span></p>
    </div>
    <div class="xinxi clearfix">
    <div class="left">
    <div class="header">
    <span>商品信息</span>
    <span class="jg">价格</span>
    </div>
    <ul id="route">
    <c:forEach items="${pageInfo.content}" var="product">
    <li>
    <div class="img"><img src="${pageContext.request.contextPath}/font/images/04-search_03.jpg" alt=""></div>
    <div class="text1">
    <p>【减100元 含除夕/春节出发】${product.cityname} ${product.productname}</p>
    <br/>
    <p>${product.productdesc}</p>
    </div>
    <div class="price">
    <p class="price_num">
    <span>&yen;</span>
    <span>${product.productprice}</span>
    <span>起</span>
    </p>
    <p><a href="${pageContext.request.contextPath}/product/font/searchById?id=${product.id}">查看详情</a></p>
    </div>
    </li>
    </c:forEach>
    </ul>
    <div class="page_num_inf">
    <i></i> 共
    <span id="totalPage">${pageInfo.totalPages}</span>页<span id="totalCount">${pageInfo.totalElements}</span>条
    </div>
    <div class="pageNum">
    <ul id="pageNum">
    <li><a href="">首页</a></li>
    <li class="threeword"><a href="#">上一页</a></li>
    <li class="curPage"><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">7</a></li>
    <li><a href="#">8</a></li>
    <li><a href="#">9</a></li>
    <li><a href="#">10</a></li>
    <li class="threeword"><a href="javascript:;">下一页</a></li>
    <li class="threeword"><a href="javascript:;">末页</a></li>
    </ul>
    </div>
    </div>
    <div class="right">
    <div class="top">
    <div class="hot">HOT</div>
    <span>热门推荐</span>
    </div>
    <ul>
    <li>
    <div class="left"><img src="${pageContext.request.contextPath}/font/images/04-search_09.jpg" alt=""></div>
    <div class="right">
    <p>清远新银盏温泉度假村酒店/自由行套...</p>
    <p>网付价<span>&yen;<span>899</span>起</span>
    </p>
    </div>
    </li>
    <li>
    <div class="left"><img src="${pageContext.request.contextPath}/font/images/04-search_09.jpg" alt=""></div>
    <div class="right">
    <p>清远新银盏温泉度假村酒店/自由行套...</p>
    <p>网付价<span>&yen;<span>899</span>起</span>
    </p>
    </div>
    </li>
    <li>
    <div class="left"><img src="${pageContext.request.contextPath}/font/images/04-search_09.jpg" alt=""></div>
    <div class="right">
    <p>清远新银盏温泉度假村酒店/自由行套...</p>
    <p>网付价<span>&yen;<span>899</span>起</span>
    </p>
    </div>
    </li>
    <li>
    <div class="left"><img src="${pageContext.request.contextPath}/font/images/04-search_09.jpg" alt=""></div>
    <div class="right">
    <p>清远新银盏温泉度假村酒店/自由行套...</p>
    <p>网付价<span>&yen;<span>899</span>起</span>
    </p>
    </div>
    </li>
    <li>
    <div class="left"><img src="${pageContext.request.contextPath}/font/images/04-search_09.jpg" alt=""></div>
    <div class="right">
    <p>清远新银盏温泉度假村酒店/自由行套...</p>
    <p>网付价<span>&yen;<span>899</span>起</span>
    </p>
    </div>
    </li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    <!--引入头部-->
    <jsp:include page="/font/footer.jsp"/>
    <script>
       function searchProduct(pageNo) {
            $("#frm-search").submit() ;
       }
    </script>
    </body>

    </html>